<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>掘金</title>
    <link rel="stylesheet" href="./css/wmr/index.css">
    <link rel="stylesheet" href="./css/wmr/iconfont.css">
    <link rel="stylesheet" href="./css/wmr/reset.css">
</head>

<body>
    <!-- 导航栏 -->
    <div class="header">
        <div class="common clearfix">
            <!-- 导航选项 -->
            <div class="navbar">
                <!-- logo图片 -->
                <a href="" class="logo">
                    <img src="./img/wmr/logo.png" alt="" class="logo-img">
                </a>
                <ul class="nav-ul clearfix">
                    <li><a href="javascript:;">首页</a></li>
                    <li><a href="/boiling">沸点</a></li>
                    <li><a href="/topics">话题</a></li>
                    <li><a href="javascript:;">小册</a></li>
                    <li><a href="/active">活动</a></li>
                    <li><a href="javascript:;" class="nth">有奖征文🎁</a></li>
                </ul>
            </div>
            <div class="header-right">
                <!-- 搜索 -->
                <div class="search">
                    <form class="search-form">
                        <input type="text" placeholder="搜索更新了" class="search-input" name="truru">
                        <img src="./img/wmr/sousuo.png" alt="" class="text-img">
                    </form>
                </div>
                <!-- 写文章 -->
                <div class="add-group">
                    <button class="btn-group">写文章</button>
                    <div class="more">
                        <span id="btn-span" class="aspan">▼</span>
                        <ul style="display:none" class="more-ul">
                            <li class="more-ul-li"><a href="javascript:;">发布沸点</a></li>
                            <li><a href="javascript:;">分享链接</a></li>
                        </ul>
                       <div class="shade">
                        <div class="alter" style="display:none">
                            <div class="alter-head clearfix">
                                发沸点
                                <i class="iconfont icon-guanbi alter-i"></i>
                            </div>
                            <div class="alter-center">
                                <div class="alter-text">
                                    <textarea class="alter-area" placeholder="发布动态" rows="7" name="atten_tit"></textarea>
                                </div>
                            </div>
                            <div class="alter-end clearfix">
                                <div class="alter-last">
                                    <ul>
                                        <li>
                                            <i class="iconfont icon-biaoqing"></i>
                                            <a href="javascript:;">表情</a>
                                        </li>
                                        <li>
                                            <i class="iconfont icon-tupian"></i>
                                            <a href="javascript:;">图片</a>
                                        </li>
                                        <li>
                                            <i class="iconfont icon-lianjie"></i>
                                            <a href="javascript:;">链接</a>
                                        </li>
                                        <li>
                                            <i class="iconfont icon-huati"></i>
                                            <a href="javascript:;">话题</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="alter-fort">
                                    <ul>
                                        <li>Ctrl</li>
                                        <li>or</li>
                                        <li>+Enter</li>
                                        <li><button class="alter-btn">发布</button></li>
                                    </ul>

                                </div>
                            </div>
                        </div>
                       </div>
                    </div>
                </div>
                <!-- 登陆注册 -->
                <div class="register">
                    <a href="javascript:;" class="iconfont icon-lingdang"></a>
                    <div class="register-last">
                        <div class="last-select" style="display:none">
                            <ul>
                                <div class="select-first">
                                    <li>
                                        <i class="iconfont icon-bianxie"></i>
                                        <a href="javascript:;">写文章</a>
                                    </li>
                                    <li>
                                        <i class="iconfont icon-caogao"></i>
                                        <a href="javascript:;">草稿</a>
                                    </li>
                                </div>
                                <div class="select-second">
                                    <li>
                                        <i class="iconfont icon-wodezhuye"></i>
                                        <a href="javascript:;">我的主页</a>
                                    </li>
                                    <li>
                                        <i class="iconfont icon-dianzan"></i>
                                        <a href="javascript:;">我赞过的</a>
                                    </li>
                                    <li>
                                        <i class="iconfont icon-wodeshoucang"></i>
                                        <a href="javascript:;">我的收藏集</a>
                                    </li>
                                    <li>
                                        <i class="iconfont icon-gouwu"></i>
                                        <a href="javascript:;">已购</a>
                                    </li>
                                    <li>
                                        <i class="iconfont icon-biaoqianguanli"></i>
                                        <a href="javascript:;">标签管理</a>
                                    </li>
                                </div>
                                <div class="select-theard">
                                    <li>
                                        <i class="iconfont icon-shezhi-copy"></i>
                                        <a href="javascript:;">设置</a>
                                    </li>
                                    <li class="select-last-li">
                                        <i class="iconfont icon-guanyu"></i>
                                        <a href="javascript:;">关于</a>
                                        <span class="iconfont icon-dayuhao"></span>
                                        <div class="last-about">
                                            <ul>
                                                <li>
                                                    <a href="javascript:;">下载应用</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">关于</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">加入我们</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">翻译计划</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">合作伙伴</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </div>

                                <div class="select-fourd">
                                    <li>
                                        <i class="iconfont icon-dengchu"></i>
                                        <a href="javascript:;" class="select-quit">登出</a>
                                    </li>
                                </div>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- table小导航 -->
    <div class="neck">
        <div class="common clearfix">
            <div class="neck-nav">
                <ul class="neck-ul clearfix">
                    <li><a href="javascript:;" class="active">推荐</a></li>
                    <li><a href="javascript:;">关注</a></li>
                    <li><a href="javascript:;">后端</a></li>
                    <li><a href="javascript:;">前端</a></li>
                    <li><a href="javascript:;">Android</a></li>
                    <li><a href="javascript:;">iOS</a></li>
                    <li><a href="javascript:;">人工智能</a></li>
                    <li><a href="javascript:;">开发工具</a></li>
                    <li><a href="javascript:;">代码人生</a></li>
                    <li><a href="javascript:;">阅读</a></li>
                </ul>
                <span><a href="javascript:;">标签管理</a></span>
            </div>
        </div>
    </div>

    <!-- 内容 -->
    <div class="center">
        <div class="common clearfix">
            <!-- 左 -->

            <div class="center-left session">
                <div class="center-left-header clearfix">
                    <ul class="list-left">
                        <li><a href="javascript:;">热门</a></li>
                        <li><a href="javascript:;">最新</a></li>
                        <li><a href="javascript:;">评论</a></li>
                    </ul>
                    <ul class="list-right">
                        <li><a href="javascript:;">本周最热&nbsp;&nbsp;·</a></li>
                        <li><a href="javascript:;">本月最热&nbsp;&nbsp;·</a></li>
                        <li><a href="javascript:;">历史最热</a></li>
                    </ul>
                </div>
                <!-- 左边内容 -->
                <div class="center-body">

                </div>
            </div>
            <div class="center-left session" style="display:none">
                <div class=" center-scott-cook">
                   
                </div>
            </div>

            <!-- 右 -->
            <div class="right-last">
                <div class="center-right">
                    <div class="center-title">
                        <h3>推荐作者</h3>
                    </div>
                    <div class="recommend">
                        <ul>
                            <li>
                                <a href="javascript:;" class="clearfix">
                                    <div class="frist-div"><img src="./img/wmr/right-one" alt=""></div>
                                    <div>欢迎</div>
                                    <div>在读学生</div>
                                    <div>JavaScript 领域贡献者</div>
                                </a>
                            </li>
                            <li><a href="javascript:;">
                                    <div class="frist-div"><img src="./img/wmr/right-one" alt=""></div>
                                    <div>欢迎</div>
                                    <div>在读学生</div>
                                    <div>JavaScript 领域贡献者</div>
                                </a></li>
                            <li><a href="javascript:;">
                                    <div class="frist-div"><img src="./img/wmr/right-one" alt=""></div>
                                    <div>草履虫的思考</div>
                                    <div>前端开发工程师</div>
                                    <div>JavaScript、MVVM</div>
                                </a></li>
                        </ul>
                        <div class="last-div"><a href="javascript:;">查看更多<i>></i></a></div>
                    </div>
                </div>
                <div class="center-right">
                    <div class="center-title">
                        <h3>推荐作者</h3>
                    </div>
                    <div class="recommend">
                        <ul>
                            <li>
                                <a href="javascript:;" class="clearfix">
                                    <div class="frist-div"><img src="./img/wmr/right-one" alt=""></div>
                                    <div>欢迎</div>
                                    <div>在读学生</div>
                                    <div>JavaScript 领域贡献者</div>
                                </a>
                            </li>
                            <li><a href="javascript:;">
                                    <div class="frist-div"><img src="./img/wmr/right-one" alt=""></div>
                                    <div>欢迎</div>
                                    <div>在读学生</div>
                                    <div>JavaScript 领域贡献者</div>
                                </a></li>
                            <li><a href="javascript:;">
                                    <div class="frist-div"><img src="./img/wmr/right-one" alt=""></div>
                                    <div>草履虫的思考</div>
                                    <div>前端开发工程师</div>
                                    <div>JavaScript、MVVM</div>
                                </a></li>
                        </ul>
                        <div class="last-div"><a href="javascript:;">查看更多<i>></i></a></div>
                    </div>
                </div>
                <div class="center-right">
                    <div class="center-title">
                        <h3>推荐作者</h3>
                    </div>
                    <div class="recommend">
                        <ul>
                            <li>
                                <a href="javascript:;" class="clearfix">
                                    <div class="frist-div"><img src="./img/wmr/right-one" alt=""></div>
                                    <div>欢迎</div>
                                    <div>在读学生</div>
                                    <div>JavaScript 领域贡献者</div>
                                </a>
                            </li>
                            <li><a href="javascript:;">
                                    <div class="frist-div"><img src="./img/wmr/right-one" alt=""></div>
                                    <div>欢迎</div>
                                    <div>在读学生</div>
                                    <div>JavaScript 领域贡献者</div>
                                </a></li>
                            <li><a href="javascript:;">
                                    <div class="frist-div"><img src="./img/wmr/right-one" alt=""></div>
                                    <div>草履虫的思考</div>
                                    <div>前端开发工程师</div>
                                    <div>JavaScript、MVVM</div>
                                </a></li>
                        </ul>
                        <div class="last-div"><a href="javascript:;">查看更多<i>></i></a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script src="./js/wmr/iconfont.js"></script>
    <script src="./lib/jqurey/jquery.min.js"></script>
    <script src="./lib/template/template-web.js"></script>
    <%- include('../template/temp.ejs')%>
    <%- include('../template/wmr_temp.ejs')%>
    <script src="./js/wmr/index.js"></script>
    <script src="./js/wmr/indexAjax.js"></script>
</body>

</html>